<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2016/12/15 0015
  Time: 下午 1:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>菜单管理</title>
    <link rel="stylesheet" href="${cdnContentPath}/static/bootstrap-3.3.5/css/bootstrap.min.css">
    <script src="${cdnContentPath}/static/jquery/jquery-3.1.0.min.js"></script>
    <style>
        .menu {
            width: 30%;
            float: left
        }

        .menu {
            margin: 0 auto;
        }
    </style>
</head>
<body>
<div style="width:50%;height:600px;float:left">
    <div style="height:100px"></div>
    <div style="width:100%;height:100px;background:white">
        <div class="menu menu1">
            <div>
                <div class="menu1-1"></div>
                <button class="btn btn-default" type="submit"
                        style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
                </button>
                <br/>
                <div class="menu1-2"></div>
                <button class="btn btn-default" type="submit"
                        style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
                </button>
                <br/>
                <div class="menu1-3"></div>
                <button class="btn btn-default" type="submit"
                        style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
                </button>
                <br/>
                <div class="menu1-4"></div>
                <button class="btn btn-default" type="submit"
                        style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
                </button>
                <br/>
                <div class="menu1-5"></div>
                <button class="btn btn-default" type="submit"
                        style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
                </button>
                <br/>
            </div>
            <div class="menu1-0"></div>
            <button class="btn btn-default" type="submit"
                    style="width:100%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加菜单
            </button>
        </div>
        <div class="menu menu2">
            <button class="btn btn-default" type="submit" data-tag="test" id="test"
                    style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
            </button>
            <br/>
            <button class="btn btn-default" type="submit"
                    style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
            </button>
            <br/>
            <button class="btn btn-default" type="submit"
                    style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
            </button>
            <br/>
            <button class="btn btn-default" type="submit"
                    style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
            </button>
            <br/>
            <button class="btn btn-default" type="submit"
                    style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
            </button>
            <br/>
            <button class="btn btn-default" type="submit"
                    style="width:100%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加菜单
            </button>
        </div>
        <div class="menu menu3">
            <button class="btn btn-default" type="submit"
                    style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
            </button>
            <br/>
            <button class="btn btn-default" type="submit"
                    style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
            </button>
            <br/>
            <button class="btn btn-default" type="submit"
                    style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
            </button>
            <br/>
            <button class="btn btn-default" type="submit"
                    style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
            </button>
            <br/>
            <button class="btn btn-default" type="submit"
                    style="width:90%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加子菜单
            </button>
            <br/>
            <button class="btn btn-default" type="submit"
                    style="width:100%;text-align: center;color:#C3C3C3;font-size: 22px;">+添加菜单
            </button>
        </div>
    </div>
</div>
<div style="width:50%;height:600px;float:left">
    <div style="height:100px"></div>
    <div style="width:100%;height:300px;background:white">
        <form class="form-horizontal">
            <div class="form-group">
                <label for="menu_name" class="col-sm-2 control-label">菜单名称</label>
                <div class="col-sm-8">
                    <input type="text" class="form-control" id="menu_name" placeholder="字数不超过8个汉字或16个字母">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">触发行为</label>
                <div class="col-sm-8">
                    <label>
                        <input type="radio" name="xingwei_type" value="click" style="margin-top:10px;" checked>
                        发送消息
                    </label>
                    <label style="width:20px;"></label>
                    <label>
                        <input type="radio" name="xingwei_type" value="view" style="margin-top:10px;">跳转网址
                    </label>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">行为类型</label>
                <div class="col-sm-8" id="type_click">
                    <label>
                        <input type="radio" id="xw_news" name="xingwei_content" value="news" style="margin-top:10px;"
                               checked>
                        图文消息
                    </label>
                    <label style="width:20px;"></label>
                    <label>
                        <input type="radio" id="xw_img" name="xingwei_content" value="img" style="margin-top:10px;">
                        图片
                    </label>
                    <label style="width:20px;"></label>
                    <label>
                        <input type="radio" id="xw_yy" name="xingwei_content" value="yy" style="margin-top:10px;">
                        语音
                    </label>
                    <label style="width:20px;"></label>
                    <label>
                        <input type="radio" id="xw_video" name="xingwei_content" value="video" style="margin-top:10px;">
                        视频
                    </label>
                </div>
                <div class="col-sm-8" id="type_url" style="display: none">
                    <input type="text" name="url" class="form-control" placeholder="跳转网址">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">素材主键</label>
                <div class="col-sm-8">
                    <input type="text" name="url" class="form-control" placeholder="填写素材主键">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3">
                    <button type="button" class="btn btn-success">完成</button>
                </div>
                <div class="col-sm-3">
                    <button type="button" class="btn btn-warning">放弃</button>
                </div>
            </div>
        </form>
    </div>
</div>
</body>

<script type="text/javascript">
    $(function () {
        //创建菜单参数
        var para = {}

        //选择类型  绑定改变事件
        $("input:radio[name='xingwei_type']").change(function () {
            var type = $("input:radio[name='xingwei_type']:checked").val();
            if (type == 'click') {
                $("#type_url").css("display", "none");
                $("#type_click").css("display", "block");
            } else if (type == "view") {
                $("#type_click").css("display", "none");
                $("#type_url").css("display", "block");
            }
        })

        var currentPara = {
            type:$("input:radio[name='xingwei_type']:checked").val(),
            name:$("#menu_name").val(),

        }

        function checkVerifyInput() {

        }

        function cleanInput() {

        }

        function addPara(){

        }
    })
</script>
</html>
